<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <header>
        <h2 style="color: #c39b9b" align="center" >&#128151; Hello World! &#128151;</h2>
    </header>
    <aside></aside>
    <section>
        <p>====视频标签====</p>
        <video src="video/1.mp4" controls="controls" width="500" autoplay="autoplay"></video>
        <p>====列表标签====</p>
        <ul type="circle">
            <li>Tea</li>
            <li>Milk</li>
            <li style="color: #492f2f">Coffee</li>
        </ul>
        <ol start="5">
            <li style="color: aquamarine">Tea</li>
            <li>Milk</li>
            <li>Coffee</li>
        </ol>
        <dl>
            <dt>Tea</dt>
            <dd>绿茶</dd>
            <dd>红茶</dd>
            <dd>大红袍</dd>
            <dt>Milk</dt>
            <dd>德运</dd>
            <dd>蓝胖子</dd>
            <dt>Coffee</dt>
            <dd>星巴克</dd>
            <dd>瑞幸</dd>
        </dl>
        <p>====表格标签====</p>
        <table>
            <thread><tr><th>第一列</th><th>第二列</th><th>第三列</th></tr></thread>
            <tbody>
            <tr><td>213</td><td>42131</td><td>3213</td></tr>
            <tr><td>432</td><td>asff</td><td>dfsaf</td></tr>
            <tr><td>ggea</td><td>yjyj</td><td>jknj</td></tr>
            </tbody>
        </table>
        <p>===== 表单标签 ====</p>
        <form action="#" method="post">
            <p>隐藏标签：<input type="hidden" value="1" id="userId"/></p>
            <p><label for="userName">单行文本框：</label>
                <input type="text" id="userName" list="myDataList"/>
                <datalist id="myDataList">
                    <option value="first">first</option>
                    <option value="second">second</option>
                    <option value="third">third</option>
                </datalist>
            </p>
            <p>密码框：<input type="password" name="psw" /></p>
            <p>
            <div>单选框：<input type="radio" name="gender" value="male">man</div>
            <div><input type="radio" name="gender" value="female">women</div>
            </p>
            <p>
                复选框：<input type="checkbox" name="hobby" value="book" checked/>读书
                <input type="checkbox" name="hobby" value="sports" />运动
                <input type="checkbox" name="hobby" value="travel" />旅行
                <input type="checkbox" name="hobby" value="game" />游戏
            </p>
            <p>
                下拉框：<select>
                <option value=”chengdu“>成都</option>
                <option value="chongqing">重庆</option>
                <option value="beijing">北京</option>
            </select>
            </p>
            <p>多行文本框：<textarea cols="20" rows="4" disabled></textarea></p>
            <p>文件选择框：<input type="file"></p>
            <p>一般按钮：<input type="button" value="一般按钮"/>一般按钮</p>
            <p>
                重置按钮：<input type="reset" value="重置按钮" />重置按钮
            </p>
            <p>
                提交按钮：<input type="submit" value="提交按钮" />提交按钮
            </p>
            <p>日期选择框：<input type="date"/></p>
            <p>数字输入框：<input type="number" min="0" max="100" step="2"></p>
            <p>邮件输入框：<input type="email"/></p>
        </form>
        <p>==== 图像标签 ====</p>
        <img src="./image/1.png" width="200" height="100">
        <img src="./image/2.jpg" width="200" height="100">
        <p>==== 超链接标签 ====</p>
        <a href="https://www.baidu.com" target="_blank" style="color: blue">百度</a>
        <p>==== 标题标签 ====</p>
        <h1>标题1</h1>
        <h2>标题2</h2>
        <h3>标题3</h3>
        <h4>标题4</h4>
        <h5>标题5</h5>
        <h6>标题6</h6>
        <p>==== 区块标签 ====</p>
        <div>这是一个 div 区块标签</div>
        <span>这是一个 span 区块标签</span>
    </section>
</body>
</html>